<template>
	<view class="main">
		<!--公共头部-->
		<my-header :background="background" :is-back="true" title="合作伙伴详情"></my-header>
		<!--基础信息-->
		<view class="main-body-e">
			<view class="dis_flex jus-con">
				<view class="_h1" style="color:rgba(0, 81, 186, 1);">基础信息</view>
				<view class="_h1" @click="navigateTo('/pages/partner/details-jc-save')">
					<u-icon name="edit-pen-fill" color="#2979ff" size="28"></u-icon>
					<span style="color:rgba(0, 81, 186, 1);">编辑</span>
				</view>
			</view>
			<view class="mar-top-5 mar-lef-15">
				<view class="body-1">
					<view class="_h1">XXX商务酒店</view>
					<view>地址：四川省乐山市市中区长青路888号</view>
					<view>首次签约时间：2019-08-09</view>
					<view class="dis_flex">
						<view>责任BD：徐泽宇</view>
						<view><u-icon name="chat" color="#2979ff" size="28"></u-icon></view>
					</view>
					<view class="dis_flex">
						<view>门店联系人：张经理</view>
						<view class="dis_flex">
							<u-icon name="phone" color="#2979ff" size="28"></u-icon>
							<view>15609098899</view>
							<u-icon name="chat" color="#2979ff" size="28"></u-icon>
						</view>
					</view>
					<view class="dis_flex">
						<view>门店负责人：王总</view>
						<view class="dis_flex">
							<u-icon name="phone" color="#2979ff" size="28"></u-icon>
							<view>19818081808</view>
							<u-icon name="chat" color="#2979ff" size="28"></u-icon>
						</view>
					</view>
					<view class="dis_flex">
						<view>商户情况备注：</view>
						<view><u-icon name="chat" color="#2979ff" size="28"></u-icon></view>
					</view>
				</view>
			</view>
			<view class="body-2 mar-top-10">
				备注门店的特殊情况，商户特别要求，自己对商户业绩和商户老板合作态度/性格分析等等信息
			</view>
		</view>
		
		<!--商务管理-->
		<view class="main-body-e mar-top-7">
			<view class="dis_flex jus-con">
				<view class="_h1" style="color:rgba(0, 81, 186, 1);">商务管理</view>
				<view class="_h1" @click="navigateTo('/pages/partner/details-sw-save')">
					<u-icon name="edit-pen-fill" color="#2979ff" size="28"></u-icon>
					<span style="color:rgba(0, 81, 186, 1);">编辑</span>
				</view>
			</view>
			<view class="mar-top-5 mar-lef-15 body-1">
				<view class="dis_flex">
					<view>合作模式：分成</view>
					<view>押金：0元</view>
				</view>
				<view class="dis_flex ali-ite">
					<view>收款账户信息：</view>
					<view><u-icon name="arrow-right" color="#2979ff" size="22"></u-icon></view>
				</view>
				<view>当前协议期：2021-08-09至2022-08-08</view>
				<view>进场费：3000元</view>
				<view>
					<view>合作政策：70%</view>
					<view>付款方式：月付</view>
				</view>
				<view class="dis_flex ali-ite">
					<view>结算记录：最近结算时间2021-10-17</view>
					<view><u-icon name="arrow-right" color="#2979ff" size="22"></u-icon></view>
				</view>
			</view>
			<view class="dis_flex jus-con mar-bot-2 lin-hei-20">
				<span>劳动合同：<u-icon name="tags-fill" color="#2979ff" size="22"></u-icon></span>
				<span>保密协议：<u-icon name="tags-fill" color="#2979ff" size="22"></u-icon></span>
				<span>技能证书：<u-icon name="tags-fill" color="#2979ff" size="22"></u-icon></span>
			</view>
		</view>
		
		<!--业绩监控-->
		<view class="main-body-e mar-top-7">
			<view class="dis_flex jus-con">
				<view class="_h1" style="color:rgba(0, 81, 186, 1);">业绩监控</view>
				<view class="_h1" @click="navigateTo('/pages/partner/details-jk-save')">
					<u-icon name="edit-pen-fill" color="#2979ff" size="28"></u-icon>
					<span @click="navigateTo('/pages/partner/details-jk-save')" style="color:rgba(0, 81, 186, 1);">编辑</span>
				</view>
			</view>
			<view class="charts-box">
			  <qiun-data-charts
				type="demotype"
				:chartData="chartData"
				:inScrollView="true"
				:disableScroll="true"
				background="none"
				:ontouch="true"
			  />
			</view>
		</view>


	</view>
</template>

<script>
	import myHeader from '@/components/workbench/header.vue';
	export default {
		data() {
			return {
				chartData:{
				  "categories": [
					  "2016",
					  "2017",
					  "2018",
					  "2019",
					  "2020",
					  "2021"
				  ],
				  "series": [
					  {
						  "name": "成本值",
						  "data": [
							  35,
							  8,
							  25,
							  37,
							  4,
							  20
						  ]
					  },
					  {
						  "name": "理论标值",
						  "data": [
							  70,
							  40,
							  65,
							  100,
							  44,
							  68
						  ]
					  },
					  {
						  "name": "GMV",
						  "data": [
							  100,
							  80,
							  95,
							  150,
							  112,
							  132
						  ]
					  }
				  ]
				},
				background: {
					backgroundColor: ' ',
				},
				zhiweixqShow: false,
				tStyle: {
					fontSize: '28rpx',
					color: 'rgba(0, 81, 186, 1);',
					fontWeight: 'bold'
				},
				xzShow: false,
				userList: '',
			}
		},
		components: {
			myHeader,
		},
		onLoad(param) {
		},
		methods: {
		}
	}
</script>

<style scoped lang="scss">
	.charts-box{
	  width: 100%;
	  height:150px;
	}
	.main-body-e{
		box-shadow:0px 0px  10px 5px #aaa;
	}
	.body-2{
		border:1px dashed rgba(183, 181, 181, 1);
		padding:5px 10px;
		border-radius: 8px;
		color:rgba(183, 181, 181, 1);
		line-height:20px;
	}
	.body-1 view{
		line-height:20px;
	}
	.main {
		padding: 10px;
		position: relative;
		min-height: 100vh;
		background-image: linear-gradient(#005687, #E4E4E5);
	}

	page {
		height: 100%;
	}
</style>
